<template>
  <div>
    <h1>hello vue</h1>
    <!-- 
      vue中如何获取事件对象
      情况一：无传参，直接通过形参接收
      情况二：有传参，通过$event指代事件对象传给事件处理函数

     -->
    <a href="http://www.baidu.com" @click="one">阻止跳转百度</a>
    <hr />
    <a href="http://www.baidu.com" @click="two(10, $event)"
      >阻止跳转百度 --- 有参数</a
    >
  </div>
</template>

<script>
export default {
  methods: {
    one(e) {
      e.preventDefault();
    },
    two(num, e) {
      // ..... 操作num，如何操作需根据业务
      e.preventDefault();
    },
  },
};
</script>

<style>
</style>